<template>
  <div class="home-head">
    <div class="logo">
      <LogoTitle></LogoTitle>
      <HomePgaeInput> </HomePgaeInput>
    </div>
    <HomePgaeNav></HomePgaeNav>
  </div>
</template>

<script>
import HomePgaeInput from "@/components/homePageHead/HomePageInput.vue";
import HomePgaeNav from "@/components/homePageHead/HomePageNav.vue";
import LogoTitle from "@/reuse/LogoTitle.vue";

export default {
  name: "HomePageHead",
  components: { HomePgaeInput, HomePgaeNav, LogoTitle },
};
</script>

<style scoped lang="less">
.home-head {
  position: relative;
  background-color: #f5f5f5;
  min-height: 300px;
  min-width: 500px;
  .logo {
    margin: 0 auto;
    padding: 67px;
    text-align: center;
  }
}
</style>
